<?php
/**
 * @Author: Ron Chen
 * @Date:   2017-03-23 22:52:36
 * @Last Modified by:   Ron Chen
 * @Last Modified time: 2017-08-26 23:39:24
 */
?>

<div id="fun_find" class="carousel slide" style="height: 150px;">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#fun_find" data-slide-to="0" class="active"></li>
        <li data-target="#fun_find" data-slide-to="1"></li>
        <li data-target="#fun_find" data-slide-to="2"></li>
    </ol>   
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <a href="detail?id=ABTAAP1(183)">
                <img src="/image/banner/SHOP.png" alt="安联商旅通" style="height: 150px; width: 100%;" />
            </a>
        </div>
        <div class="item">
            <a href="detail?id=OVESTUP2">
                <img src="/image/banner/FFAXLX.png" alt="趣寻安心留学保障计划二" style="height: 150px; width: 100%;" />
            </a>
        </div>
        <div class="item">
            <a href="detail?id=OVESTUAP3">
                <img src="/image/banner/FFAYX.png" alt="趣寻安心留学全年保障计划三" style="height: 150px;width: 100%;" />
            </a>
        </div>
        <div class="item">
            <a href="detail?id=STUABRP1">
                <img src="/image/banner/FFLXWY.png" alt="趣寻爱游学保障计划一" style="height: 150px;width: 100%;" />
            </a>
        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="carousel-control left" href="#fun_find" data-slide="prev">&lsaquo;
    </a>
    <a class="carousel-control right" href="#fun_find" data-slide="next">&rsaquo;
    </a>
</div>

<dl style="margin-top: 10px;">
	<?php if($project && count($project) > 0) { ?>
		<?php foreach ($project as $item) { ?>
			<dd class="panel" style="padding:10px;margin-bottom: 10px;">
                <div class="row">
    				<div class="col-xs-4">
    			    	<a href="detail?id=<?=$item["plan_code"]?>">
    			      		<img class="img-responsive" src="/image/product/list/<?php echo $item["project_code"] ?>.png" alt="" style="margin-top:20px;margin-left:10px;"/>
    			    	</a>
    			    </div>
    			    <div class="col-xs-8">
    			    	<h3 style="color:#000;font-size: 16px;">
                            <a href="detail?id=<?=$item["plan_code"]?>"><?= $item["plan_fullname"]; ?></a>
                        </h3>
    			    	<p class="mark" style="color:#eee;font-size: 12px;"><a href="detail?id=<?=$item["plan_code"]?>"><?php echo $item["project_desc"]; ?></a></p>
    			    	<div class="pull-left">
    			    		<span style="font-size:2.1rem;color:#d9534f;"><?php echo sprintf("%d",$item["min_price"]);?></span>元起
    			    	</div>
    					<div class="pull-right" style="margin-right: 10px;">
    						<a class="btn btn-default" href="detail?id=<?=$item["plan_code"]?>" role="button">立即投保</a>
    					</div>
    			    </div>
                </div>
			</dd>
		<?php } ?>
        <!-- <div class="row">
            <div class="col-md-12">
                <a href="" class="btn btn-default btn-lg btn-block" role="button">查看更多</a>
            </div>
        </div> -->
	<?php }else{ ?>
        <h3 class="text-info">趣寻，互联网生态保险服务探路</h3>
    <?php } ?>
</dl>

<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script>
    $(function(){
        $('.carousel').carousel();  
    });
    $("body").on("touchmove",function(event){
        event.preventDefault;
    }, false);
    $("body").off("touchmove");
</script>


